<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作品介绍页面</title>
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <div class="nav">
        <p>老师你好，这是我的作品介绍</p>
        <p>点击下方按钮查看介绍</p>
    </div>
    <div class="main">
        <div class="menu">
            <div>
                <a href="#con1">主页</a>
            </div>
            <div>
                <a href="#con2">作品介绍</a>
            </div>
            <div>
                <a href="#con3">创作灵感</a>
            </div>
            <div>
                <a href="#con4">注册主页</a>
            </div>
        </div>
        <br>
        <div class="content">
            <div class="con1" id="con1">
                <div>
                    <p>1. 制作了标题栏nav</p>
                    <p>2. banner轮播图</p>
                    <p>4. 主内容m</p>
                    <p>5. 页脚footer</p>
                    <p>6. 利用了盒模型和div布局</p>
                    <p>7. 实现了页面跳转功能（登录）（作品介绍）</p>
                </div>
            </div>
            <div class="con2" id="con2">
                <div>
                    <p>1. 主要运用了div布局</p>
                    <p>2. ul+li标签的组合使用</p>
                    <p>3. 图标以及登录按钮有hover样式</p>
                </div>
            </div>
            <div class="con3" id="con3">
                <div>
                    <p>1. 网易云音乐的页面内容能够很好的锻炼盒子模型的使用和理解</p>
                    <p>2. 基本还原了《网易云音乐》页面主要内容</p>
                    <p>3. 音乐可以使人身心愉悦，放松心情</p>
                    <p>4. 灵感来源于https://music.163.com/网易云音乐</p>
                </div>
            </div>
            <div class="con4" id="con4">
                <div>
                    <p>注册登录页面使用了input文本框+button提交按钮</p>
                </div>
            </div>
        </div>
    </div>
    <a href="../index.html">返回主页面</a>
    <div class="thanks">感谢老师教导</div>
</body>
</html>